import Product from "../views/product/index.vue";
import Store from "../views/store/index.vue";
import Hospital from "../views/hospital/index.vue";

const Layout = () => import("../layout/index.vue");

export default [
  {
    path: "/",
    component: Layout,
    children: [
      {
        path: "/dashboard",
        name: "Dashboard",
        component: () => import("../views/dashboard/index.vue"),
        meta: {
          title: "Dashboard",
        },
      },
    ],
  },
  {
    path: "/vue2",
    component: Layout,
    meta: {
      title: "Product",
    },
    children: [
      {
        path: "/vue2/trademark",
        name: "Trademark",
        component: Product,
        meta: {
          title: "Trademark",
        },
      },
      {
        path: "/vue2/attr",
        name: "Attr",
        component: Product,
        meta: {
          title: "Attr",
        },
      },
    ],
  },
  {
    path: "/vue3",
    component: Layout,
    meta: {
      title: "Store",
    },
    children: [
      {
        path: "/vue3/outbound",
        name: "Outbound",
        component: Store,
        meta: {
          title: "Outbound",
        },
      },
      {
        path: "/vue3/warehousing",
        name: "Warehousing",
        component: Store,
        meta: {
          title: "Warehousing",
        },
      },
    ],
  },
  {
    path: "/react18",
    component: Layout,
    meta: {
      title: "Hospital",
    },
    children: [
      {
        path: "/react18/hospitalSet",
        name: "HospitalSet",
        component: Hospital,
        meta: {
          title: "HospitalSet",
        },
      },
      {
        path: "/react18/hospitalList",
        name: "HospitalList",
        component: Hospital,
        meta: {
          title: "HospitalList",
        },
      },
    ],
  },
];
